.re-btn {
  border: 1px solid #dcdfe6;
  white-space: normal;
  cursor: pointer;
  line-height: 1;
  background-color: #fff;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.re-btn.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.re-btn:hover {
  border-color: #c6e2ff;
  background-color: #ecf5ff;
  color: #1677ff;
}

.re-btn:active {
  border-color: #3a8ee6;
}

.re-btn.plain {
  background-color: #fff;
}

.re-btn.plain:hover {
  border-color: #1677ff;
}

.re-btn.plain:active {
  border-color: #005ee2;
  color: #005ee2;
}

.re-btn.plain[disabled] {
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}

.re-btn[disabled] {
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}

.re-btn.round {
  border-radius: 20px;
  padding: 12px 23px;
}

.re-btn.round.medium {
  padding: 10px 20px;
}

.re-btn.round.small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 20px;
}

.re-btn.round.mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 20px;
}

.re-btn.circle {
  padding: 12px;
  border-radius: 50%;
}

.re-btn.medium {
  padding: 10px 20px;
}

.re-btn.small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}

.re-btn.mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}

.re-btn.antd-radius {
  border-radius: 6px;
}

.re-btn.primary {
  color: #fff;
  background-color: #1677ff;
  border-color: #1677ff;
}

.re-btn.primary.plain {
  color: #1677ff;
  background-color: #e7f1ff;
  border-color: #89baff;
}

.re-btn.primary.plain[disabled] {
  background-color: #e7f1ff;
  color: #8cc5ff;
  border-color: #d9ecff;
}

.re-btn.primary:hover {
  color: #fff;
  background-color: #3c8dff;
  border-color: #3c8dff;
}

.re-btn.primary:active {
  color: #fff;
  background-color: #0069fc;
  border-color: #0069fc;
}

.re-btn.primary[disabled] {
  cursor: not-allowed;
  background-color: #7cb3ff;
  border-color: #7cb3ff;
}

.re-btn.success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}

.re-btn.success.plain {
  color: #67c23a;
  background-color: #f0f9eb;
  border-color: #aade91;
}

.re-btn.success.plain[disabled] {
  background-color: #f0f9eb;
  color: #a4da89;
  border-color: #e1f3d8;
}

.re-btn.success:hover {
  color: #fff;
  background-color: #7dcc56;
  border-color: #7dcc56;
}

.re-btn.success:active {
  color: #fff;
  background-color: #5dae34;
  border-color: #5dae34;
}

.re-btn.success[disabled] {
  cursor: not-allowed;
  background-color: #a3db87;
  border-color: #a3db87;
}

.re-btn.info {
  color: #fff;
  background-color: #a6a9ad;
  border-color: #a6a9ad;
}

.re-btn.info.plain {
  color: #a6a9ad;
  background-color: #f4f4f5;
  border-color: #d3d4d6;
}

.re-btn.info.plain[disabled] {
  background-color: #f4f4f5;
  color: #bcbec2;
  border-color: #e9e9eb;
}

.re-btn.info:hover {
  color: #fff;
  background-color: #babcbf;
  border-color: #babcbf;
}

.re-btn.info:active {
  color: #fff;
  background-color: #999ca1;
  border-color: #999ca1;
}

.re-btn.info[disabled] {
  cursor: not-allowed;
  background-color: #dbdcde;
  border-color: #dbdcde;
}

.re-btn.warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}

.re-btn.warning.plain {
  color: #e6a23c;
  background-color: #fdf6ec;
  border-color: #f3d3a2;
}

.re-btn.warning.plain[disabled] {
  background-color: #fdf6ec;
  color: #f0c78a;
  border-color: #faecd8;
}

.re-btn.warning:hover {
  color: #fff;
  background-color: #eab25e;
  border-color: #eab25e;
}

.re-btn.warning:active {
  color: #fff;
  background-color: #e39725;
  border-color: #e39725;
}

.re-btn.warning[disabled] {
  cursor: not-allowed;
  background-color: #f2cd96;
  border-color: #f2cd96;
}

.re-btn.danger {
  color: #fff;
  background-color: #ff5722;
  border-color: #ff5722;
}

.re-btn.danger.plain {
  color: #ff5722;
  background-color: #fef0f0;
  border-color: #ffae95;
}

.re-btn.danger.plain[disabled] {
  background-color: #fef0f0;
  color: #f9a7a7;
  border-color: #fde2e2;
}

.re-btn.danger:hover {
  color: #fff;
  background-color: #ff7448;
  border-color: #ff7448;
}

.re-btn.danger:active {
  color: #fff;
  background-color: #ff4409;
  border-color: #ff4409;
}

.re-btn.danger[disabled] {
  cursor: not-allowed;
  background-color: #ffa588;
  border-color: #ffa588;
}
